<#include "admin/common/include/html_head.html"> <#include
"admin/common/include/sysparam.html"> <#include
"admin/common/include/pagination.html">
<style>
.ordertd {
	width: 100%;
}

.ordertd_left {
	float: left;
	width: 50%;
}

.ordertd_right {
	float: right;
	width: 40%;
	margin-right: 20px;
}

.ordertdclear {
	clear: both
}
</style>

<!-- BEGIN EXTRAS PORTLET-->
<div class="portlet box">
	<div class="portlet-title">
		<div class="caption">
			<h5>订单信息</h5>
		</div>
	</div>
	<div class="portlet box">

		<div class="portlet-title">
			<div class="caption">
				<i class="icon-reorder"></i>基本信息
			</div>
		</div>
		<div class="form-horizontal form-view">
			<div class="row-fluid">
				<div class="span6 ">
					<div class="control-group">
						<label class="control-label">订单编号:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.bizId}</span>
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">下单时间:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.createTime}</span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label">付款时间:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.payTime}</span>
						</div>
					</div>
				</div>
				<!--/span-->
				<div class="span6 ">
					<div class="control-group">
						<label class="control-label">订单状态:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.getOrderStatusTanslate()}</span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label">发货时间:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.cargoTime}</span>
						</div>
					</div>
					<div class="control-group">
						<label class="control-label">订单备注:</label>
						<div class="controls">
							<span class="text">无</span>
						</div>
					</div>
				</div>
				<!--/span-->
			</div>
		</div>
	</div>
	<!-- split --> 
	<div class="portlet box">

		<div class="portlet-title">
			<div class="caption">
				<i class="icon-reorder"></i>买家信息
			</div>
		</div>
		<div class="form-horizontal form-view">
			<div class="row-fluid">
				<div class="span6 ">
					<div class="control-group">
						<label class="control-label">客户名称:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.customerName}</span>
						</div>
					</div>
 
				</div>
				<!--/span-->
				<div class="span6 ">
					<div class="control-group">
						<label class="control-label">联系电话:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.customerPhone}</span>
						</div>
					</div> 
				</div>
				<!--/span-->
			</div>
		</div>
	</div>
	<div class="portlet box">

		<div class="portlet-title">
			<div class="caption">
				<i class="icon-reorder"></i>收货信息
			</div>
		</div>
		<div class="form-horizontal form-view">
			<div class="row-fluid">
				<div class="span6 ">
					<div class="control-group">
						<label class="control-label">收货人:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.receiver}</span>
						</div>
					</div>
 					<div class="control-group">
						<label class="control-label">收货地址:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.province}${orderComplex.orderInfo.city}${orderComplex.orderInfo.region}${orderComplex.orderInfo.address}</span>
						</div>
					</div> 
				</div>
				<!--/span-->
				<div class="span6">
					<div class="control-group">
						<label class="control-label">联系电话:</label>
						<div class="controls">
							<span class="text">${orderComplex.orderInfo.phone}</span>
						</div>
					</div> 
				</div>
				  
			</div>
		</div>
	</div>
	<div class="portlet box">

		<div class="portlet-title">
			<div class="caption">
				<i class="icon-reorder"></i>物流信息
			</div>
		</div>
		<div class="form-horizontal form-view">
			<div class="row-fluid">
				<div class="span12 ">
					<div class="control-group">
						<label class="control-label">状态：</label>
						<div class="controls">
							<span class="text">${expressResp.statusStr}</span>
						</div>
					</div>
 					 
				</div>
				<!--/span-->
				<#list expressResp.data as data > 
				<div class="span12">
					<div class="control-group">
						<label class="control-label">${data.time}</label>
						<div class="controls">
							<span class="text"${data.context}</span>
						</div>
					</div> 
				</div>
			    </#list> 
			</div>
		</div>
	</div>
	<div class="portlet box">
			<div class="portlet-title">
				<div class="caption">
					<i class="icon-reorder"></i>订单详情
				</div>
			</div>
			<div class="portlet-body form">
				<table class="table table-striped table-bordered table-hover  table-advance "  
				 >
					<thead>
						<tr>
							<th width="30%" style="text-align:center;">商品</th>
							<th style="text-align:center;">价格(元)</th>
							<th style="text-align:center;">数量</th>
							<th style="text-align:center;">总价(元)</th>
						</tr>
					</thead>
					<tbody>
						<#list orderComplex.orderDetailList as orderDetail >
						<tr>
							<td>
								<div class="ordertd">
									<div class="ordertd_left">
										<img
											src="${contextPath}${(orderDetail.resourceImageUrl)?if_exists}"
											width="80%" height="80%" />
									</div>
									<div class="ordertd_right">
										名称：${orderDetail.resourceName}</div>
									<div class="ordertdclear"></div>
									<!-- html注释：清除float产生浮动 -->
								</div>
							</td>
							<td style="text-align:center;">${orderDetail.unitPrice}</td>
							<td style="text-align:center;">${orderDetail.itemCount}</td>
							<td style="text-align:center;">${orderDetail.totalPrice}</td>
						</tr>
						</#list>

					</tbody>
				</table>
				<table class="table " id="orderTable" border="0"
					style="width: 100%;">
					<tbody>
						<tr>
							<td style="text-align: right;border: none;">
								商品总费用：${orderComplex.orderInfo.productPrice}</td>
						</tr>
						<tr>
							<td style="text-align: right;border: none;">
								运费：${orderComplex.orderInfo.cargoPrice}</td>
						</tr>
						<tr>
							<td style="text-align: right;border: none;">
								订单总价：${orderComplex.orderInfo.totalPrice}</td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>
	<div class="form-actions">
		<button type="button" id="orderdetail_return_btn" class="btn blue">返回</button>
	</div>
	<!-- END EXTRAS PORTLET-->
</div>
</div>

<script>
	$("#orderdetail_return_btn").bind("click", function() {
		var id = $(this).attr("value");
		mainFrame.addContainer('Admin-Order-show.action');

	});
</script>

